<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<style>
	#floatClass .col-md-4{
		float:left;
		margin-right:10px;
	}
</style>
<div ng-app="gridInfoApp" ng-controller="gridInfoCtrl" class="container-fluid">
	<div class="row" style="margin:0;" id="floatClass">
		<div class="col-xs-6 col-md-4" id="allmap" style="width:400px;height:400px;margin-top:15px;"></div>
		<div class="col-xs-6 col-md-4" style="width:400px;height:400px;">
			<div class="block" style="min-height:200px;">
				<div class="navbar navbar-inner block-header">
					<div class="muted pull-left">网格消防事件</div>
				</div>
				<!-- <div class="row"> -->
					<div id="dataShow" style="height:50px;" ng-controller="gridAlarmCtrl">
						<ul style="list-style: none;">
							<li style="margin-right:10px;" ng-repeat="data in alarmMap" class="{{data.btnClass}}">
								<span ng-bind="data.name"></span>
								<span ng-bind="data.count"></span>
							</li>
						</ul>
					</div>
				<!-- </div> -->
			</div>
			<div class="block" style="min-height:200px;">
				<div class="navbar navbar-inner block-header">
					<div class="muted pull-left">网格列表</div>
				</div>
				<!-- <div class="row"> -->
					<div id="dataShow" style="height:50px;" ng-controller="gridAlarmCtrl">
						<table style="list-style: none;" cellpadding="0" cellspacing="0" border="0"
												class="table table-striped table-bordered">
						<tr style="margin-right:10px;">
								<th>序号</th>
								<th>编号</th>
								<th>名称</th>
							</tr>
							<tr style="margin-right:10px;" id="{{data.id}}" ng-repeat="data in allGrids" ng-click="chooseGrid(this);">
								<td ng-bind="$index+1"></td>
								<td ng-bind="data.no"></td>
								<td ng-bind="data.name"></td>
							</tr>
						</table>
					</div>
				<!-- </div> -->
			</div>
			<!-- /block -->
		</div>
		<div class="col-xs-6 col-md-4"style="width:300px;height:400px;">
			<div class="block" style="min-height:200px;">
				<div class="navbar navbar-inner block-header">
					<div class="muted pull-left">网格基本信息</div>
				</div>
				<div>
					网格编号：<span ng-bind="grid.no"></span><br/>
					网格名称:<span ng-bind="grid.name"></span><br/>
					网格经度<span ng-bind="grid.lng"></span><br/>
					网格纬度<span ng-bind="grid.lat"></span><br/>
				</div>
			</div>
			<div class="block" style="min-height:200px;">
				<div class="navbar navbar-inner block-header">
					<div class="muted pull-left">网格内消防员</div>
				</div>
				<ul>
					<li ng-repeat="data in firePersons">
						<span ng-bind="data.person.name"></span>
					</li>
				</ul>
				<div class="navbar navbar-inner block-header">
					<div class="muted pull-left">网格管理员</div>
				</div>
				<ul>
					<li ng-repeat="data in dutyPersons">
						<span ng-bind="data.person.name"></span>
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
